
body{margin:0px;background-attachment:fixed;background-color: #669acc;background-image:url("../images/bg.jpg");background-size:100%; font-family:"Segoe UI", serif;}
a {border:none;text-decoration:none;}
a:visited 
{
color:#000000;
}

a:hover {
 color: #8baed6;
 text-decoration: underline;
 font-weight: normal;
 font-style: normal;
}
#header{
	background-image: url("../images/header_bgRNF.png");
	height:150px;
	width:1000px;
	margin: auto;
	box-shadow : 3px 3px 7px black;
}

#menu_top{
	background-color : white;
	width:900px;
	height:28px;
	margin: 5px auto;
    padding:0 2px;
	box-shadow : 3px 3px 7px black;
	border-radius: 3px;
}
#selector{
	background-color : white;
	margin : auto;
        width:900px;
        padding:5px;
	box-shadow : 3px 3px 7px black;
	border-radius: 3px;
}
#register_selector {
    width:450px; height:200px;
    text-align:center;
    border-radius:8px;
}
#register_selector:hover {
    background-color: #dbdcdc;
}
#login_selector {
    width:450px; height:200px;
    text-align:center;
    border-radius:8px;
}
#login_selector:hover {
    background-color: #dbdcdc;
}

#login_area{
	background-color : white;
	margin : auto;
        width:900px;
        padding:5px;
	box-shadow : 3px 3px 7px black;
	border-radius: 3px;
}
#perso-area{
	background-color : white;
	margin : auto;
        width:900px;
        padding:5px;
	box-shadow : 3px 3px 7px black;
	border-radius: 3px;
}
#register_area{
	background-color : white;
	margin : auto;
        width:900px;
        padding:5px;
	box-shadow : 3px 3px 7px black;
	border-radius: 3px;
}
#playing_room{
	background-color : white;
	margin : 20px auto;
    padding:5px;
	width : 900px;
	box-shadow : 3px 3px 7px black;
	border-radius: 3px;
}
#waiting_room{
	background-color : white;
	margin : 50px auto;
	height:200px;
	width : 900px;
	box-shadow : 3px 3px 7px black;
	border-radius: 3px;
}
#play_area{
	visibility : hidden;
	display : none;
	background-color:white;
	height:200px;
	width: 500px;
	margin:auto;
	
	
}
.play_button{
	margin: 5px 0 0 175px;
}
.players_choice{
	margin: 0 0 0 95px;
}

#main_page
{
    width: 900px;
    margin: 50px auto;
	background-color: white;
	box-shadow : 3px 3px 7px black;
	font-family: "Segoe UI", "Arial Black", serif;
}
#chat-box
{
	font-family : "Segoe UI", "Arial Black", serif;
	margin:0px;
    padding:5px 5px 10px 5px;
}
	
#chat-view{
	height:200px;
	overflow:auto;
	margin:0px;	
}

#envoyer{
	font-family:"Segoe UI", "Arial Black", serif;
	font-weight: bold;
	position: absolute;
	background: white; 
	border-radius: 5px;
	border-style: none;
	height:25px;
        text-align:right;
}

#envoyer:hover
{
	background-color: silver;
}
#envoyer:active
{
	background-color: grey;
}
#message{
font-family:'Segoe UI'; 
width:800px; 
position:relative;
border: 1px , black;
}

.tablemenu {
	border:none;
	border-collapse:collapse;
	width:100%;
	margin:auto;
}

.thmenu{
	font-family:monospace;
	border-right:1px dotted #6495ed;
	padding:5px;
	width:20%;
}
th:hover{
	background-color:#dbdcdc;
}
.lastth{
border:none;
font-family:monospace;
}
table{
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-collapse:collapse;
	width:100%;
	margin:auto;
}
th{
	font-family:monospace;
	border-right:1px dotted #6495ed;
	padding:5px;
	width:20%;
}
.tableperso{
	border:none;
}
.thperso{
	border:none;
}
.thperso:hover{
		background:none;
}		
.green
{
    color:green;
}
.red
{
    color:red;    
}

#playinglist_table
{
    border:1px solid #222;
}

#playinglist_table .first_tr
{
    border-bottom : 1px solid #222;    
}

#playinglist_table .tr_single
{
    border-bottom:1px solid #222;
}

#playinglist_table .tr_multi
{
    border-bottom:1px solid #222;
}


#playinglist_table td
{
    border-right:1px solid #222;
}

#rules
{
    background-color : white;
	margin : 20px auto;
    padding:5px;
	width : 900px;
	border-radius: 3px;   
}

#contact
{
    background-color : white;
	margin : 20px auto;
    padding:5px;
	width : 900px;
	border-radius: 3px;
    
}
#polytech
{
    text-align:center;    
}